Microsoft Expression Blend作为一款功能齐全的专业设计工具,可用来针对基于 Microsoft Windows 和基于 Microsoft Silverlight 1.0 的应用程序制作精美复杂的用户界面。Expression Blend 可让设计人员集中精力从事创作,而让开发人员集中精力从事编程工作。
简介
Expression Blend 的工作原理
在 Expression Blend 中,您可以在美工板上绘制形状、路径和控件,然后修改其外观和行为,从而直观地设计应用程序。您可以导入图像、视频和声音。在基于 Windows 的应用程序中,还可以导入和更改三维对象。
您可以创建用于动态显示设计的可视元素或音频元素的 Storyboard,并可以选择在用户与应用程序进行交互时触发这些 Storyboard。在处理基于 Windows 的应用程序时,您可以重新设计已应用于基本控件的模板,使应用程序具有独特的外观和行为。
在处理应用程序时,您可以随时使用编程人员正在处理的
代码隐藏文件或
自定义控件文件来更新您的项目。
与 Expression Blend 结合使用的其他工具
您可以将 Microsoft Expression Design 2 生成的图形和可扩展应用程序
标记语言 (XAML) 资源导入到 Expression Blend 2 项目中。您还可以导入在 Microsoft Expression Encoder 2 中创建的 Silverlight 1.0 媒体项目,以将新的功能或可视元素添加到项目中,或者修改可在 Expression Encoder 2 中重用的媒体播放器模板。
您可以将 Silverlight 1.0 导入到 Microsoft Expression Web 2 项目中,以添加更多 Web 内容或发布站点。
Microsoft Visual Studio 2008 可以与 Expression Blend 2 完美地结合使用,以在您指定要侦听的事件时自动更新项目中的
代码隐藏文件。从 Expression Blend 2 的“项目”面板中,可以打开各个代码隐藏文件或整个项目。还可以使用 Visual Studio 2008 的部署工具来部署您的应用程序。
Expression Blend 生成的内容
Expression Blend 将生成 Windows Presentation Foundation 应用程序,这意味着,所显示的设计方案是由 XAML 来表示的。正如 HTML 是 Web 应用程序标记语言一样,XAML 是 Windows Presentation Foundation (WPF) 的标记语言。有关 XAML 和 WPF 的详细信息,请参阅 XAML 编辑和学习资源和社区资源。
Expression Blend 附带的功能
Expression Blend 2 包括以下功能:
全套矢量绘图工具,包括文本工具和三维 (3D) 工具;
易于使用且新颖的可视界面,带有可停靠的面板和
面向对象的上下文菜单;
实时动画;
三维和媒体支持,可增强用户体验;
先进、灵活且可重用的自定义和外观选项,适用于各种常用控件;
强大的数据源和外部资源集成点;
实时的设计和标记视图;
从 Expression Design 2 导入作品的功能;
从 Expression Encoder 2 导入站点的功能;
可以与 Visual Studio 2008 交互使用,从而帮助设计人员和开发人员更紧密、更有效地进行团队协作。
目标应用程序类型
Expression Blend 2 已经过优化,可以生成以下类型的应用程序:
生产类应用程序 有助于提高广大客户的生产力及效率的应用程序以及行业应用程序,如 Microsoft Office。
消费类应用程序 媒体播放器、安全工具和
桌面小工具等应用程序。
游戏 简单的娱乐性桌面或联机游戏。
信息查询终端 在信息查询终端上运行的应用程序,用户可与其交互以获取信息、查看产品目录、在机场办理登机手续等。
IT 专业工具 专门针对特定的公司或客户需要执行小型作业的工具(如错误跟踪工具)。
最佳实践
有些设计创意非常好,因为它们能够提高易用性。下面是一些借助 Expression Blend 2 和 Microsoft .NET Framework 3.5 提高易用性的常用方法:
按照现实世界建模: 可以使用自定义的可视效果和交互功能,使特定控件的外观和行为均与其现实世界的对应物类似。如果用户熟悉现实世界的对象并且现实世界的方法是完成该任务的最佳、最有效方法,这种技术就是最佳选择。例如,简单的工具(如计算器)按照现实世界的对应物进行建模就很有效。
展示而不是解释: 可以使用动画和过渡来展示关系、原因和效果。此技术最适用于提供需要通过额外的文字来解释内容以免用户误解的信息。例如,幼儿书籍可以动态显示翻页,以展示控件的工作方式。
提高功能可见性: 功能可见性是指对象直观表明其使用方式的特性(而不是使用标签来解释)。可以使用
自定义控件的可视效果和动画功能,直观表明如何使用非标准的控件。
使用自然对应: 自然对应是用户要完成的任务与完成任务的方法之间的一种清晰联系。在标准的常用控件不能提供自然对应时,可以使用自定义外观和交互功能来建立自然对应。
降低知识门槛: 可以使用自定义交互功能,限制执行某项操作的方式并降低执行某项任务所需的知识门槛。
改进反馈: 可以使用自定义控件的可视效果和动画功能来提供反馈,以显示用户的操作是否正确或者显示操作进度。例如,Windows Vista 的 Internet Explorer 中的地址栏会在背景中显示加载页面的进度。
使对象更容易交互: 称为
费茨法则的人类动作模型指出,单击目标所需的努力与目标的距离成正比,而与目标的大小成反比。例如,可以使用动画使得指针在靠近对象时变大,而在远离对象时变小。这样做,就更容易单击对象。此外,还可使对象变小,从而更有效地利用屏幕空间。
聚焦: 可以使用丰富的布局和自定义可视效果,突出显示任务必需的屏幕元素,或者淡化次要元素。
Expression Blend 3 Plus
SketchFlow:设计与构建桌面和Web程序的视觉化工具。现已有RC候选版可下载。
教程
随着计算机软件开发分工细节化,微软对已有的产品线进行了调整,在保持原有经典开发工具Visual Studio基础上,又推出了一套新的设计开发工具系列,Expression Studio。 Expression Studio设计工具系列包含四项主要产品
版本信息
Expression Blend通常是发布于微软
Expression Studio。
不过为了方便开发都微软也提供了内置于
Visual Studio安装包中的Blend for Visual Studio。
Blend for Visual Studio 2012
Blend for
Visual Studio 2012 为您提供了准确的设计图面和工具来帮助您设计和生成美观精致的用户界面,您可以通过这样的界面直观地创建和编辑 Microsoft Windows 应用程序。
可以使用 Blend 设计和生成: